<template>
	<view>
		<view>
			<image :src="info.cover" mode="aspectFill" style="height: 300rpx;" class="filter w-100"></image>
		</view>

		<view class=" bg-white px-2 pb-2">
			<view class="flex ">
				<image :src="info.cover" mode="aspectFill" style="height: 150rpx; width: 150rpx; margin-top: -75rpx;" class="rounded mr-2"></image>
				<text class="font-md">{{info.title}}</text>
			</view>
			<view class="flex align-center text-secondary mt-1">
				<text class="mr-2">动态：{{info.news_count}}</text>
				<text>今日：{{info.today_count}}</text>
			</view>
			<view class="text-secondary font-md">{{info.desc}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
				default: () => {},
			}
		}
	}
</script>

<style>
	.filter {
		filter: blur(10px);
	}
</style>
